<template>
	<div class="swiper-container fileswiper">
		<div class="swiper-wrapper">
			<slot></slot>

		</div>
		<div class="swiper-pagination film-swiper-pagination"></div>
	</div>
</template>

<script>
	// cnpm install --save swiper
import Swiper from 'swiper'
import 'swiper/css/swiper.css'

export default{
	data(){
		return {}
	},
	mounted(){
		new Swiper('.fileswiper',{
			loop:true,
			autoplay:{
				delay:2000
			},
			pagination:{
				el: '.swiper-pagination',
			}

		})
	}
}
</script>

<style scoped>
	.film-swiper-pagination{
		text-align: right;
	}
</style>
